<div id="index_banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="minapp_top">
                    <div class="con">
                        <b>小程序开发</b>
                        <p>从诞生到爆发，小程序的井喷，</p>
                        <p>是传统产业数字化转型的下一个风口，</p>
                        <p>已成为新一轮的吸金利器。</p>
                    </div>
                    <img src="/static/image/minapp/top_img.png" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="index_top">
                    <div class="left">
                        <b>网站建设</b>
                        <p>品牌网站是指对企业的品牌形像塑造的官网
                            形像站。品牌建设主要体现企业的形像、
                            公司简介、产品展示、官网权威等。</p>
                        <a href="index/index/web.html">立即开始</a>
                        <t>可用于  企业官网，门户网站，手机端网站</t>
                    </div>
                    <div class="right">
                        <img src="/static/image/iMac.png">
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="shop_top">
                    <div class="con">
                        <b>电商平台定制开发</b>
                        <p>针对企业个性化需求定制专属电商系统</p>
                        <p>PHP&JAVA2种开发语言可选</p>
                    </div>
                    <img src="/static/image/shop/top_img.png" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sys_top">
                    <div class="left">
                        <b>系统开发</b>
                        <p>助力发展客户关系、梳理销售管理流程、</p>
                        <p>合理调配企业资源，使企业管理质量升级，</p>
                        <p>全面提升核心竞争力！以“事找人”的工作方式，</p>
                        <p>代办事务推送工作桌面。</p>
                    </div>
                    <img class="right" src="/static/image/system/top_img.png">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="web_top">
                    <div class="con">
                        <b>网站建设，现代科技</b>
                        <p>响应式建站系统，集合PC+手机+公众号+<br>
                            小程序四端，一键生成，触手可及，让您横扫8亿<br>
                            “互联网+”商机，全网营销快人一步。</p>
                    </div>
                    <img src="/static/image/web/top_img.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>

<div class="index-about container">
    <div class="item">
        <div>50+</div>
        <div>从专业团队<br>从0起步，不断进取</div>
    </div>
    <div class="item">
        <div>6年+</div>
        <div>互联网技术经验<br>丰富经验，保障项目质量</div>
    </div>
    <div class="item">
        <div>500+</div>
        <div>客户<br>真诚合作，客户为本</div>
    </div>
    <div class="item">
        <div><img src="/static/image/sys.png"></div>
        <div>源代码交付<br>开源代码，可二次开发</div>
    </div>
</div>

<div  style="background: #f4f4f4;">
    <div class="apply container">
        <div class="tit">
            <b><span>想要开发制作</span><span>高质量网站、小程序、商城、等？</span></b>
            <p>请填写您的开发需求，我们将尽快与您取得联系</p>
        </div>
        <form onsubmit="return message()" method="post">
            <input name="title" id="title" placeholder="请描述您的需求     例如：网站制作" autocomplete="off">
            <input name="tel" id="tel" placeholder="请填写您的联系方式" autocomplete="off">
            <input name="username" id="username" placeholder="请留下您的姓名" autocomplete="off">
            <button type="submit">提交获取报价</button>
        </form>
    </div>
</div>

<div class="goods container">
    <a class="item" href="index/index/minapp.html">
        <img src="/static/image/goods1.png">
        <b>小程序开发</b>
        <p>按需定制微信小程序、支付宝小程序、抖音小程序等，多行业场景适用。</p>
    </a>
    <a class="item" href="index/index/web.html">
        <img src="/static/image/goods2.png">
        <b>网站制作</b>
        <p>品牌官网、企业官网、电商、企业营销、官方门户、信息门户、集团站群等网站量身定制。</p>
    </a>
    <a class="item" href="index/index/shop.html">
        <img src="/static/image/goods3.png">
        <b>商城开发</b>
        <p>H5商城、PC商城、小程序商城、公众号商城、打造全网式覆盖。</p>
    </a>
    <a class="item" href="index/index/system.html">
        <img src="/static/image/goods5.png">
        <b>系统开发</b>
        <p>打造统一管理、多端协作、无纸化的分布式可视化OA、CRM、ERP信息管理系统。</p>
    </a>
    <a class="item" href="index/index/wechar.html">
        <img src="/static/image/goods4.png">
        <b>微信公众号</b>
        <p>实现展示、营销互动、咨询、下单购买等服务，开发高级接口与各类营销插件。</p>
    </a>
</div>

<div class="cases">
    <div class="sidenav">
        <a class="item" id="shop">
            <img src="/static/image/shop.png">
            <span>商城开发</span>
        </a>
        <a class="item" id="wxapp">
            <img src="/static/image/wx.png">
            <span>小程序开发</span>
        </a>
        <a class="item" id="web">
            <img src="/static/image/pc.png">
            <span>网站开发</span>
        </a>
    </div>
    <div class="case-study">
        <div class="title">
            <p>案例展示</p>
            <b>Case study</b>
        </div>
        <div class="con" id="index_ajax">
            {volist name='$recmd_data' id='vo'}
            <a href="{:url('cases/detail',['id'=>$vo.id])}" class="case-item">
                <div><img src="{$vo.image}"></div>
                <div>{$vo.name}</div>
            </a>
            {/volist}
        </div>
        <div class="case-detail">
            <b id="case-detail-title">商城</b>
            <p id="case-detail-desc">H5商城、PC商城、小程序商城、公众号商城、打造全网式覆盖。</p>
            <a href="index/cases/index.html">查看更多</a>
        </div>
    </div>
</div>

<div class="flow">
    <div class="container">
        <div class="title">
            <b>开发流程</b>
            <p>5年大厂建站经验，您给我们信任，我们给您惊喜</p>
        </div>
        <div class="flow_chart">
            <div class="item">
                <b>需求评估</b>
                <p>提供解决方案，制作报价文档，30分钟获得报价方案</p>
            </div>
            <div class="item">
                <b>项目立项</b>
                <p>项目启动，成立立项小组流程分析</p>
            </div>
            <div class="item">
                <b>产品规划</b>
                <p>需求规划，资料整理，原型图制作</p>
            </div>
            <div class="item">
                <b>UI设计</b>
                <p>设计分析，页面设计，优化体验</p>
            </div>
            <div class="item">
                <b>程序开发</b>
                <p>搭建系统架构、业务逻辑、功能开发</p>
            </div>
            <div class="item">
                <b>源码交付</b>
                <p>源码交付，开源代码可二次开发</p>
            </div>
            <div class="item">
                <b>后期维护</b>
                <p>安全维护、漏洞维护、7*24小时技术支持</p>
            </div>
            <div class="item">
                <b>部署上线</b>
                <p>域名解析、服务器环境部署</p>
            </div>
            <div class="item">
                <b>验收交付</b>
                <p>原型图、设计稿、源码操作文档交付</p>
            </div>
            <div class="item">
                <b>质量审核</b>
                <p>兼容性测试、功能测试、压力测试。</p>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="advantage">
        <div class="title">
            <p>软件优势</p>
            <b>CASE STUDY</b>
        </div>
        <div class="con">
            <div>
                <img src="/static/image/adv1.png" alt="">
                <b>庞大市场</b>
                <p>自带流量，直面10亿用户市场</p>
            </div>
            <div>
                <img src="/static/image/adv2.png" alt="">
                <b>无需安装</b>
                <p>无需安装，不占手机内存</p>
            </div>
            <div>
                <img src="/static/image/adv3.png" alt="">
                <b>精准定位</b>
                <p>提供精准推送，服务精准人群</p>
            </div>
            <div>
                <img src="/static/image/adv4.png" alt="">
                <b>入口丰富</b>
                <p>高达几十个线上+线下场景入口</p>
            </div>
            <div>
                <img src="/static/image/adv5.png" alt="">
                <b>引导流量</b>
                <p>新型互联网引流带来跟多流量</p>
            </div>
            <div>
                <img src="/static/image/adv6.png" alt="">
                <b>超低成本</b>
                <p>用最低的成本获取高意向用户</p>
            </div>
            <div>
                <img src="/static/image/adv7.png" alt="">
                <b>可视化制作</b>
                <p>可视化制作，所见即所得</p>
            </div>
            <div>
                <img src="/static/image/adv8.png" alt="">
                <b>快速获取</b>
                <p>快速获取有用信息</p>
            </div>
            <div>
                <img src="/static/image/adv9.png" alt="">
                <b>全网覆盖</b>
                <p>公众号+小程序+独立后台+互联网</p>
            </div>
            <div>
                <img src="/static/image/adv10.png" alt="">
                <b>统一管理</b>
                <p>同步数据，统一管理</p>
            </div>
        </div>
    </div>
</div>
